<template>
    <div class="test">
        <my-sidepull :visible.sync="visible"></my-sidepull>
        <el-button @click="haha">DIALOG</el-button>
        <el-button @click="dome">4444</el-button>
        <div>{{userObj.name}}-{{userObj.str}}</div>

        <!-- <iframe class="test-iframe" src="https://www.jd.com/" id="Iframe" frameborder="0" scrolling="no" style="border:0px;"></iframe> -->
    </div>
</template>
<script>
import MySidepull from "@/components/sidepull/sidepull.vue";
import { getUserInfo } from "@/api/demo/user";

export default {
  data() {
    return {
      menuList: [],
      visible: false,
      userObj: {}
    };
  },
  created() {},
  computed: {},
  methods: {
    haha() {
      this.visible = true;
    },
    dome() {
      getUserInfo({ userId: 123 }).then(res => {
        this.userObj = res.data;
      });
    }
  },
  components: {
    MySidepull
  }
};
</script>
<style lang="less">
.test {
  height: 100%;
  &-iframe {
    height: 100%;
    width: 100%;
  }
}
</style>
